<!--
 * @Descripttion: 空白显示
 * @LastEditors: xzh
 * @LastEditTime: 2023-10-25 20:57:19
-->
<template>
  <div class="dile-empty">
    <SvgIcon :name="iconName" :size="size" />
    <p class="tips-label">{{ label || $t("common.noData") }}</p>
  </div>
</template>

<script setup lang="ts">
import SvgIcon from "@/assets/icons/index.vue";

defineProps({
  //提示文案
  label: {
    type: String,
    requited: false,
    default: "",
  },
  // 图标name
  iconName: {
    type: String,
    requited: true,
    default: "nodata",
  },
  // 图标尺寸
  size: {
    type: Number,
    requited: true,
    default: 4,
  },
});
</script>
<style lang="scss" scoped>
.dile-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  .tips-label {
    color: #8ca0b3;
    font-size: 14px;
    margin-top: 10px;
  }
}
</style>
